@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1400px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1400px; margin:0 auto}
.container-s{width: 1400px; margin: 0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


/* CSS Document */
/*公共头部*/
.head{height: 113px; background: #fff; position: fixed; top: 0; width: 100%; z-index: 222; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.head .logo{margin-top: 16px; }
.head .logo img{display: block; margin-right: 12px; }
.head .text{border-left: 1px dashed #ececec; height: 81px; padding-left: 26px; }
.head .text strong{display: block; font-size: 24px; color: #000; padding: 6px 0 1px;}
.head .text em{display: block; font-size: 18px; line-height: 18px; color: #000;text-align: center;}
.head-tel{margin-bottom: 2px; margin-top: 26px;border-left: 1px solid #ececec;padding-left: 30px;margin-left: 30px;height: 60px;}
.head-tel span{display: block; font-size: 15px; color: #000}
.head-tel img{display: inline-block; margin-right: 10px;}
.head-tel b{font-size: 30px;display: block;margin-top: -8px;}
.nav{margin-top: 46px;}
.nav ul li{float: left;position: relative;margin-left:40px;}
.nav ul li>a{display: block;font-size: 18px;  line-height: 18px; color: #333; position: relative; height: 49px;}
.nav ul li>a:after{position: absolute; content: ''; width: 0; height: 1px; bottom: 18px; background: #0366b2; transition:0.6s; left: 50%;}
.nav ul li:hover a:after,.nav ul li.on a:after{width: 100%; left: 0}
.nav ul li:hover>a,.nav ul li.on>a{color: #0366b2; font-weight: bold;}
.nav ul li .hide{background:#fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;top: 49px; left: 50%; margin-left: -95px; display: none;width: 190px; position: absolute;z-index: 22; }
.nav ul li .hide em a{ display:block;font-size: 15px; line-height:49px;color: #333; text-align: center; border-bottom: 1px solid #f2f2f2; }
.nav ul li .hide em:last-child a{border-bottom: none;}
.nav ul li .hide em a:hover{color: #0366b2; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.head-zw{height: 113px;}


/*首页banner*/
.banner{position:relative; }
.banner-hd {height:670px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
.banner-hd ul a{display: block; height:100%;margin: 0 auto;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:16px;height:16px; margin:0 12px; cursor:pointer; float: left; background: #fff; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius: 50%;}
.banner-hd .num li.on {background: #378cef;  } /*当前项*/
.banner-prev,.banner-next{position: absolute; width: 32px; height: 60px; top: 50%; transform: translateY(-50%);  }
.banner-prev{background: url(../images/banner-prev.png)no-repeat center; left: 65px}
.banner-next{background: url(../images/banner-next.png)no-repeat center; right: 65px}


/*产品专区*/
.product{background: url(../images/product-bg.jpg) no-repeat center top; padding: 60px 0 89px ; border-bottom: 6px solid #e8e8e8}
.product .index-title{margin-bottom: 51px;}
.index-title{text-align: center;}
.index-title strong{display: block; font-size: 48px;  color: #000}
.index-title h2{display: block; font-size: 20px; color: #666;}
.proclass{margin-bottom: 66px;}
.proclass dl{float: left; background: url(../images/product-line.png) no-repeat right top; height: 258px; padding-right: 50px;margin-right: 50px;}
.proclass dl:last-child{padding-right: 0; margin-right: 0; background: transparent;}
.proclass dl dt{display: block; font-size: 24px; color: #000; font-weight: bold; margin-bottom: 32px;}
.proclass dl dt img{display: inline-block; vertical-align: text-bottom; margin-right: 12px;}
.proclass dl dd a{display: block; font-size: 15px; line-height: 15px; color: #333; position: relative; text-indent: 28px; margin-bottom: 21px;}
.proclass dl dd a:after{position: absolute; content: ''; width: 14px; height: 1px; background: #999999; left: 0; top: 7px; }
.proclass dl dd a:hover{color: #0366b2}
.proclass dl dd a:hover:after{background: #0366b2}
.class-more a{margin-top: 29px; transition:0.6s; display: block; width: 98px; border:1px solid #666; border-radius: 17px; line-height: 30px;  color: #666; text-align: center;}
.class-more a:hover{background: #0366b2; color: #fff; border-color: #0366b2;}
.pro-title{margin-bottom: 34px;}
.pro-recom{float: none;text-align: center;}
.pro-recom strong{display: block; font-size: 48px;color: #333;}
.pro-recom span{display: block; font-size: 20px; color: #666;}
.pro-title a{transition:0.6s; margin-top: 17px;  display: block; width: 141px;  background: #0366b2; border-radius: 21px; font-size: 16px; line-height: 41px; color: #fff; text-align: center;}
.pro-title img{display: inline-block; margin-right: 9px; vertical-align: text-top;}
.pro-title a:hover{background: #000}
.product-list ul li{float: left; width: 330px; margin-right: 26px; margin-bottom: 27px; height: 423px; background: #fff; position: relative; overflow: hidden;}
.product-list ul li:nth-child(4n){margin-right: 0}
.product-list ul li .logo-bg{transition:0.6s; position: absolute; z-index: 2; content: ''; background: url(../images/logo-bg.png) no-repeat; width: 105px; height: 114px; top: 0; right: 0;  }
.product-list ul li .logo-bg img{display: block; margin: 9px 3px 0 0; float: right;}
.product-list ul li:hover .logo-bg{background: url(../images/logo-bg2.png) no-repeat;}
.product-list ul li .pic{margin-bottom: 12px; overflow: hidden; margin-top: 57px;}
.product-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li .info{position: absolute; left: 0;  transition:0.6s; bottom: 0; width: 100%; height: 81px; text-align: center;}
.product-list ul li em{display: block; font-size: 22px; color: #000;  margin-bottom: 10px;}
.product-list ul li i{display: block; width: 50px; height: 1px; background: #0366b2; margin: 0 auto 23px}
.product-list ul li p{ font-size: 15px; line-height: 24px; color: #fff; width: 256px; margin: 0 auto; opacity: 0}
.product-list ul li:hover .info{height: 203px; background: rgba(3,102,178,0.9);}
.product-list ul li:hover .info em{color: #fff; padding-top: 37px;}
.product-list ul li:hover .info i{background: #8ccdff}
.product-list ul li:hover .info p{opacity: 1}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;text-align:center;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #0366b2 solid;
background:#0366b2;
font-weight:bold;
color: #fff;
}
.page  a:hover{
border:1px #0366b2 solid;
background:#0366b2;
text-decoration:none;
}
/*实力厂家*/
.ys{background: url(../images/ys-bg.jpg) no-repeat center; padding: 53px 0 112px}
.ys-title{height: 71px; border-bottom: 1px solid #dfdfdf; position: relative; margin-bottom: 45px;}
.ys-title:after{position: absolute; content: ''; width: 200px; height: 3px; background: #0366b2; bottom: -1.5px; left: 0}
.ys-title strong{display: block; font-size: 48px; line-height: 48px; color: #0366b2}
.ys-title span{display: inline-block; font-size: 28px; color: #000; margin-left: 15px;}
.ys .info p{font-size: 18px; line-height: 36px; color: #333; margin-bottom: 69px;}
.ys-list ul li{float: left; margin-right: 56px; width: 235px}
.ys-list ul li:last-child{margin-right: 0}
.ys-list ul li .icon{padding-left: 77px; margin-bottom: 19px;}
.ys-list ul li .icon1{background: url(../images/ys-icon1.png) no-repeat left center;}
.ys-list ul li .icon2{background: url(../images/ys-icon2.png) no-repeat left center;}
.ys-list ul li .icon3{background: url(../images/ys-icon3.png) no-repeat left center;}
.ys-list ul li .icon4{background: url(../images/ys-icon4.png) no-repeat left center;}
.ys-list ul li .icon5{background: url(../images/ys-icon5.png) no-repeat left center;}
.ys-list ul li strong{display: block; font-size: 28px; line-height: 28px; color: #333; margin-bottom: 10px;}
.ys-list ul li span{display: block; font-size: 20px; line-height: 15px; color: #333; text-transform: uppercase; font-family: arial;}
.ys-list ul li p{line-height: 24px; color: #333;}
.ys-list ul li:first-child p{width: 210px;}


/*客户案例*/
.case{padding: 43px 0 72px;}
.case .index-title{margin-bottom: 48px;}
.case-btn{background: url(../images/case-btn.png) no-repeat center; height: 54px; margin-bottom: 46px;}
.case-btn ul li,.case-btn ul  a{float: left; width: 200px; cursor: pointer;}
.case-btn ul li em,.case-btn ul  a em{display: block; font-size: 20px;  line-height: 54px; text-align: center; color: #666;}
.case-btn ul li img,.case-btn ul a img{display: inline-block; vertical-align: middle; margin-right: 12px;}
.case-btn ul li.on{background: url(../images/case-btn-li.png) no-repeat center;}
.case-btn ul li.on em{color: #fff;}
.case-btn ul li.on img{filter: grayscale(100) brightness(200);}
.case-btn ul a:hover{background: url(../images/case-btn-li.png) no-repeat center;}
.case-btn ul a:hover em{color: #fff;}
.case-btn ul a:hover img{filter: grayscale(100) brightness(200);}
.case-left{width: 930px; height: 596px; position: relative; overflow: hidden;}
.case-left .pic img{display: block;}
.case-left .info{transition:0.6s; position: absolute; bottom: 0; background: rgba(0,0,0,0.7); height: 106px; padding: 31px 42px 0; box-sizing:border-box; width: 100%}
.case-left .info strong{display: block; font-size: 20px; line-height: 20px; color: #fff; margin-bottom: 9px;}
.case-left .info p{font-size: 16px; color: #fff;}
.case-left a:hover .info{background: rgba(3,102,178,0.7);}
.case-left a:hover .info img{filter: grayscale(100) brightness(200);}
.case-right {width: 457px; height: 293px}
.case-right dl{margin-bottom: 10px; position: relative;}
.case-right dl .pic img{display: block;}
.case-right dl .name em{transition:0.6s; position: absolute; bottom: 0; background: rgba(0,0,0,0.7); font-size: 18px; line-height: 60px; color: #fff; width: 100%; text-indent: 33px; }
.case-right dl:hover .name em{text-indent: 45px; background: rgba(3,102,178,0.7); }


/*联系方式*/
.contact{ background: url(../images/contact-bg.jpg) no-repeat center; color: #fff; height: 200px; box-shadow: 2.046px 2.194px 13px 0px rgba(15, 49, 107, 0.58);}
.contact .info{width: 481px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 11px; margin-top: 65px; margin-left: 226px;}
.contact .info b{display: block; font-size: 20px; }
.contact .info img{display: inline-block; margin-right: 9px;}
.contact .info strong{display: inline-block; font-size: 40px;}
.contact .text{text-align: right;}
.contact .text h2{display: block; font-size: 42px;color: #fbfbfb; font-weight: bold; padding:42px 0 0;}
.contact .text h3{display: block; font-size: 20px;color: #fbfbfb;}

.contact2 p{font-size: 16px; line-height: 32px; color: #666;}

/*合作伙伴*/
.partner{background: url(../images/partner-bg.jpg) no-repeat center; padding: 50px 0 59px; }
.partner .index-title{margin-bottom: 48px;}
.partner-list{overflow: hidden;}
.partner-list ul{width: 1414px;}
.partner-list ul li{float: left; width: 186px; margin-right: 16px; margin-bottom: 18px;}
.partner-list ul li .pic img{display: block; border: 1px solid #eaeaea;}


/*资讯中心*/
.news{background: url(../images/news-bg.jpg) no-repeat center top; padding: 68px 0 71px}
.news .index-title{margin-bottom: 37px;}
.news-title{margin-bottom: 26px;}
.news-title strong{display: block; font-size: 26px; color: #000}
.news-title a{display: block; font-size: 18px; color: #999999}
.news-title a:hover {color: #0366b2}
.latest-news{width: 719px; height: 408px; overflow: hidden; border-bottom-left-radius: 40px; position: relative;}
.latest-news ul li .pic{overflow: hidden; border-bottom-left-radius: 40px;}
.latest-news ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.latest-news ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.latest-news ul li .name{width: 100%; position: absolute; bottom: 0; background: rgba(0,0,0,0.3); height: 80px;}
.latest-news ul li .name em{display: block; font-size: 20px; color: #fff; line-height: 80px; text-indent: 41px}
.latest-news .num { overflow:hidden;  position:absolute; bottom:33px; right:31px;text-align:center;zoom:1; z-index:3 ;}
.latest-news .num ul{display: inline-block;}
.latest-news .num li {width:12px;height:12px; margin-right: 9px; cursor:pointer; float: left; background: #fff; opacity: 0.4; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius: 50%;}
.latest-news .num li.on {opacity: 1 } /*当前项*/
.news-list{width: 617px; }
.news-list ul li{float: left; width: 100%; border-bottom: 1px dashed #d1d1d1; padding-bottom: 19px; margin-bottom: 31px; position: relative;}
/*.news-list ul li:after{position: absolute; content: ''; width: 0; height: 1px; background: #0366b2; bottom: -1px; transition:0.6s;}*/
.news-list ul li span{display: block; font-size: 16px; line-height: 12px; color: #999; font-family: arial; margin-bottom: 12px;}
.news-list ul li em{display: block; font-size: 20px; color: #333;}
/*.news-list ul li:hover:after{width: 100%;}*/
.news-list ul li:hover em{color: #0366b2}


/*公共底部*/
.footer{background: #000;}
.footer .foot-top{padding: 107px 0 99px; border-bottom: 1px solid rgba(255,255,255,0.05)}
.foot-info{margin-right: 120px; }
.foot-info strong{display: block; font-size: 36px; line-height: 36px; color: #0366b2; margin-bottom: 28px; }
.foot-info em{display: block; font-size: 16px; color: #fff; margin-bottom: 13px}
.foot-info b{display: block; font-size: 34px; line-height: 25px; color: #fff; font-weight: bold; margin-bottom: 53px;}
.foot-info a{display: block; width: 147px; height: 46px; background: #0366b2; font-size: 16px; line-height: 46px; color: #fff; text-align: center;}
.foot-info a>img{margin-right: 14px; vertical-align: middle;}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #0366b2;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #0366b2 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

.foot-nav dl{float: left;}
.foot-nav dl dt{display: block; font-size: 18px; line-height: 18px; color: #fff; margin-bottom: 27px;}.foot-nav dl dt a{color: #fff;}
.foot-nav dl dd a{display: block; font-size: 16px; line-height: 32px; color: #636565}
.foot-nav dl dd a:hover{color: #fff;}
.foot-nav dl.item1{margin-right: 65px}
.foot-nav dl.item2{margin-right: 65px;}
.foot-nav dl.item3{margin-right: 65px;}
.foot-nav dl.item3 dt a{font-size: 18px; line-height: 18px; color: #fff;}
.foot-nav dl.item3 dt a:hover{color: #0366b2}
.foot-wechat img{display: block; margin-bottom: 20px;}
.foot-wechat em{display: block; font-size: 16px; color: #fff; text-align: center;}
.foot-copy{padding: 23px 0}
.foot-copy p,.foot-copy a{ font-size: 16px; color: #646565;}
.foot-copy a{display: inline-block; margin-left: 30px;}
.foot-copy a:hover{color: #fff}


/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #0366b2;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #0366b2;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #0366b2;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}



/*内页banner*/
.ny-banner{height: 450px;background-size: cover;background-repeat: no-repeat;}
.about-banner{background: url(../images/about-banner.jpg) no-repeat center;}
.pro-banner{background: url(../images/product-banner.jpg) no-repeat center;}
.case-banner{background: url(../images/case-banner.jpg) no-repeat center;}
.honor-banner{background: url(../images/honor-banner.jpg) no-repeat center;}
.partner-banner{background: url(../images/partner-banner.jpg) no-repeat center;}
.news-banner{background: url(../images/news-banner.jpg) no-repeat center;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center;}
.ny-banner .container{position: relative;height: 450px;}
.ny-banner .container .text{position: absolute;top: 50%;padding-bottom: 10px;transform: translate(0,-75%);color: #0366b2;font-size: 30px;font-weight: bold;border-bottom:6px solid #0366b2;}

/*内页样式*/
.position{margin: 5px 0 25px}
.position span{display: block; line-height: 40px; color: #808080}
.position img{display: inline-block; vertical-align: middle; margin-right: 20px;}
.position a{color: #808080}
.position a:hover{color: #0366b2}

.ny-class{overflow: hidden; margin-bottom: 82px;}
.ny-class ul{width: 1405px}
.ny-class ul li{float: left; margin-right: 5px; width: 151px; }
.ny-class ul li a{transition:0.6s; display: block; font-size: 18px; line-height: 52px; color: #fff; background: #000; text-align: center;}
.ny-class ul li:hover a,.ny-class ul li.on a{background: #0366b2}
.pro-class ul li{width: 229px;}
.ny-main{margin-bottom: 80px;}


/*内页产品列表页*/
.nypro-list ul li{float: left; width: 330px; margin-right: 26px; margin-bottom: 40px;}
.nypro-list ul li:nth-child(4n){margin-right: 0}
.nypro-list ul li .pic{overflow: hidden; position: relative; box-shadow: 0 0 10px #eee; margin-bottom: 15px; }
.nypro-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nypro-list ul li em {transition:0.6s; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 0; opacity: 0}
.nypro-list ul li i { position: absolute; width: 50px; height: 50px; background: #0366b2; border-radius: 100%; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; z-index: 1;}
.nypro-list ul li i:after {content: ""; width: 9px; height: 9px; border: 1px solid #fff; border-style: solid solid none none; position: absolute; top: 50%; left: 18px; margin-top: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1;}
.nypro-list ul li:hover em{opacity: 1}
.nypro-list ul li h3{display: block; font-size: 18px; line-height: 40px; color: #333; text-align: center;}


/*产品详情*/
.pro1{box-shadow: 0 2px 3px #f9f9f9, 0 4px 6px #e9e9e9; padding-bottom: 60px}
.pro1 .pro-list-pic{width: 652px;}
.pro1 .spec-preview img{display: block;}
.pro1 .descript1{width: 680px; position: relative;}
.pro1 .descript1 strong.title1{line-height: 38px;font-size: 22px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.pro1 .descript1 p{font-size: 15px;color: #666;line-height: 30px;margin: 20px 0 30px;text-align: justify;}
.pro-tel{background: url(../images/pro-tel.png) no-repeat left center; padding-left: 45px;}
.pro-tel span{display: block; line-height: 14px; color: #666; margin-bottom: 6px}
.pro-tel em{display: block; font-size: 20px; line-height: 20px; color: #0366b2; font-family: arial;}
.pro-consult{position: relative;}
.pro-consult .consult{    display: block;width: 132px;height: 40px;border-radius: 3px;background: #0366b2;font-size: 16px;font-style: normal;color: #ffffff;text-align: center;line-height: 40px;}
.pro-wechat{display: none; position: absolute; right: 0;  box-shadow: 1px 1px 3px rgba(0,0,0,0.1); margin-top: 15px;}
.details{margin: 50px 0}


/*内页案例列表页*/
.nycase-list ul li{float: left; width: 330px; margin-right: 26px; margin-bottom: 40px; position: relative;}
.nycase-list ul li:after{position: absolute; content: ''; width: 0; height: 3px; background: #0366b2; bottom: 0}
.nycase-list ul li:nth-child(4n){margin-right: 0}
.nycase-list ul li .info{border: 1px solid #e3e3e3; padding: 28px 20px 32px; position: relative; background: #fff; }
.nycase-list ul li .info em{position: relative;    display: block; line-height: 25px; font-size: 16px; color: #1a1a1a; padding-bottom: 14px; }
.nycase-list ul li .info em:after{content: ''; position: absolute; width: 42px; height: 2px; left: 0; bottom: 0; background: #d4d4d4;}
.nycase-list ul li .info p{padding-top: 20px;color: #4c4c4c;line-height: 24px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.nycase-list ul li:hover .info em{color: #0366b2}
.nycase-list ul li:hover{box-shadow: 0px 3px 6px #e6e6e6;}
.nycase-list ul li:hover:after{width: 100%; transition:0.6s;}



/*相关资质*/
.honor-list ul li{float: left; width: 330px; margin-right: 26px; margin-bottom: 40px;}
.honor-list ul li:nth-child(4n){margin-right: 0}
.honor-list ul li .pic img{display: block; border: 1px solid #f5f5f5;}
.honor-list ul li em{display: block; font-size: 16px; color: #333; text-align: center; line-height: 50px; background: #f5f5f5;}
.honor-list ul li:hover em{background: #0366b2; color: #fff;}



/*内页新闻列表页*/
.nynews-list ul li{transition:0.6s; border: 1px solid #dddddd; padding: 18px; padding-right: 0; box-sizing:border-box; margin-bottom: 42px; }
.nynews-list ul li a{display: flex; align-items:center;}
.nynews-list ul li .pic{width: 23.8%; margin-right: 4.3%; overflow: hidden;}
.nynews-list ul li .pic img{display: block;  width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nynews-list ul li .info{width: 55%; border-right: 1px solid #edeaf1; padding-right: 5%}
.nynews-list ul li .info strong{ font-size: 20px; color: #333; margin-bottom: 12px;}
.nynews-list ul li .info p{font-size: 16px; line-height: 27px; color: #666; margin-bottom: 30px;}
.nynews-list ul li .info em{display: block; font-size: 16px; color: #575757; font-family: arial; position: relative;}
.nynews-list ul li .info em:after{position: absolute; content: ''; width: 73px; height: 1px; background: #0366b2; left: -90px; top: 12px;}
.nynews-list ul li .arrow{width: 13.4%; display: flex; }
.nynews-list ul li .arrow span{display: block; background: url(../images/news-arrow.png) no-repeat; width: 35px; height: 35px;margin: auto; background-position: right center;  }
.nynews-list ul li:hover .arrow span {background-position: left center;-ms-transition-duration: 0.2s;transition-duration: 0.2s;}
.nynews-list ul li:hover .info strong{color: #0366b2}



.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}




@media screen and (min-width:1200px)  and  (max-width:1400px) {
	.container-s{width: 96%; }
	.head .text{display: none;}
	.contact .info{margin-left: 100px}
	.contact .text{margin-right: 153px}

}